// 导入请求方法
import {reqAddUser} from '../../api/index'


// 获取表单元素
let userAddForm = document.getElementById('userAddForm');
let username = document.getElementById('username');
let pwd = document.getElementById('pwd');
let rePwd = document.getElementById('rePwd');
let profile = document.getElementById('profile');
let prevImg = document.getElementById('prevImg');

// 监听提交表单事件

userAddForm.onsubmit = async function(e){
    // 清除默认行为
    e.preventDefault();

    // 数据验证
    if(!username.value){
        return alert('请输入用户名');
    }
    if(!pwd.value){
        return alert('请输入密码');
    }
    if(!rePwd.value){
        return alert('请确认密码');
    }

    if(pwd.value !== rePwd.value){
        return alert('输入密码不一致，请重新输入');
    }
    if(!profile.value){
        return alert('请上传头像');
    }


    // 发送请求
    // 处理req
    // {
    //     usernma:'',
    //     pwd:123,
    //     profile:obj
    // }
    // -收集 获取表单数据
    let formData = new FormData(userAddForm);

    let result = await reqAddUser(formData);

    // console.log(result);
    if(result.code === 2000){
        alert('添加成功');
        //    添加跳转
        window.location = '/users.html';
    }else{
        alert('添加失败，'+result.message);
    }
}

// 预览头像
profile.onchange = function(e){
    
    // 读取文件对象
    let fileReader = new FileReader();

    // 获取文件
    let file = e.target.files[0];

    // 使用base64方式读取文件
    fileReader.readAsDataURL(file);

    // 当文件读取完毕
    fileReader.onload = function(){
        // 获取到 读取完成后的base64数据
       let profile =  fileReader.result;

    //将预览图片的src更新
       prevImg.src = profile;

    }

}